@import url(./common.css);
html,body{
    min-width:320px;
    width: 15rem;
    margin: 0 auto;
    height: 100%;
  
  
}
ul li{
    list-style: none;
}
*{
    margin: 0;
    padding: 0;
}
.bg{
    height: 30.09375rem;
}
    .bg{
        background: url(../img/2.png) no-repeat 0 0/100% 100%;
    }
// 整个页面
.container{
    width: inherit;
    height: inherit;
    background-color: rgba(21,53,124, 0.9);
    position: relative;
    // 中上部分
    .title{
        width: 60%;
        height: 3.75rem;
        margin: 0 auto;
        margin-top: 1.6875rem;
        margin-left: .75rem;
       
        .line{
            width: .867187rem;
            height: .046875rem;
            background-color:orange;
        }
        .test{
            text-align: left;
            font-size: .585937rem;
            color: #fff;
          p:nth-of-type(1){
            font-size: .820312rem;//35px;
            margin-top: .820312rem;
            margin-bottom: .820312rem;
            font-weight: lighter;

          }
        }

    }
    // 中间部分
    .center{
        width: 13.945312rem;//595px
        height: 6.796875rem;//290px
        margin: 0 auto;
        margin-top: 3.09375rem;//132px;
        display: flex;
        
        .item1{
            flex:96;
            position: relative;
            a{
                position: absolute;
                left: .105469rem;
                top: 2.414062rem;
                display: block;
                width: 2.039062rem;
                height: 1.96875rem;
                background: url(../img/s东湖2016-9-18_19.png)no-repeat 0 0/100% 100%;
            }
        }
        .item2{
            flex:176;
            position: relative;
            a{
                display: block;
                position: absolute;
                top: 1.359375rem;
                left: .09375rem;
                width: 3.9375rem;
                height: 4.078125rem;
                background: url(../img/s东湖2016-9-18_10.png)no-repeat 0 0/100% 100%
            }
        }
        .item3{
            flex:205;
            display: flex;
            flex-direction: column;
            .item3-top{
                flex: 108;
                position: relative;
                .item3-top1{
                    display:inline-block;
                    width: 2.25rem;
                    height: 2.414062rem;
                    background: url(../img/s东湖2016-9-18_05.png)no-repeat 0 0/100% 100%;
                    position: absolute;
                    top: 0;
                    left: .117187rem;
            }
            .item3-top2{
                display:inline-block;
                width: 2.25rem;
                height: 2.414062rem;
                background: url(../img/s东湖2016-9-18_07.png)no-repeat 0 0/100% 100%;
                position: absolute;
                top: 0;
                right: 0;
        }
           
        }
        .item3-bottom{
            flex: 180;
            position: relative;
            a{
                display: block;
                width: 4.640625rem;
                height: 4.148437rem;
                background: url(../img/s东湖2016-9-18_14.png) no-repeat 0 0/100% 100%;
                position: absolute;
                top: 0;
                left: .117187rem;
            }
        }
    }
        .item4{
            flex:125;
            position: relative;
            a{
                display: block;
                width: 2.835937rem;
                height: 2.835937rem;
                background: url(../img/s东湖2016-9-18_16.png) no-repeat 0 0/100% 100%;
                position: absolute;
               top: 2.578125rem;
               left: .234375rem;
            }
        }
    }
    // 底部侧边app
    .bottom-right{
        position: absolute;
        width: 1.640625rem;//70px
        height: 5.859375rem;//250px
        display: flex;
        flex-direction: column;
        bottom: 1.171875rem;
        right: .28125rem;
        a:nth-of-type(1){
            flex: 1;
            display: block;
            width: 1.640625rem;
            background: url(../img/12.png) no-repeat 0 0/1.640625rem 1.640625rem;
          
           
        }
        a:nth-of-type(2){
            flex: 1;
            display: block;
            width: 1.640625rem;
            background: url(../img/s东湖2016-9-18_06.png) no-repeat 0 0/1.640625rem 1.640625rem;
           
        }
        a:nth-of-type(3){
            flex: 1;
            display: block;
            width: 1.640625rem;
            background: url(../img/s东湖2016-9-18_08.png) no-repeat 0 0/1.640625rem 1.640625rem;
           
        }
    }
    .foot{
        position: absolute;
        bottom: 0;
        right: 0;
    }
   
}



